layui.use(['flow'], function(){ 
       var flow = layui.flow
        ,$ = layui.$;
	    //菜单栏移动
        var menuYloc = $("#goodMeau").offset().top;  
        $(window).scroll(function () {
            var topSize = $(window).scrollTop()-200
            if(topSize<10){
            	topSize=0;
            }
            if(topSize>1500){
            	topSize=1500;
            }
        	var offsetTop = topSize + "px";
            
            $("#goodMeau").animate({ top: offsetTop }, { duration: 500, queue: false });  
        });  
        
        $(".widget-title").on("click","a",function(){
        	$(this).parent().next().slideToggle(500);
        });
        
        var limit = 4;
        var totalPage = 0;  //总的页数
        
        //初始化
        loadFlow();
        
        //车辆条件查询
        $("#goodMeau li").on('click',"a",function(){
        	  jsonGoodInfo = {};
        	  var goods = $(this).attr('val').split(",");
        	  jsonGoodInfo[goods[0]] = goods[1];
        	  loadFlow(jsonGoodInfo);
        	  $("#ctj").replaceWith('<font id="ctj" color="red;">'+$(this).text()+'</font>');
        });
        
        //车辆全查询
        $("#queryAllGood").click(function(){
        	jsonGoodInfo = {};
        	loadFlow(jsonGoodInfo);
      	  $("#ctj").replaceWith('<font id="ctj" color="red;">无</font>');
        });
        
        //@问题：新切换初始化的的flow下拉加载（自动加载）的时候还会保留上一次的flow的page，等于每次还是会加载之前的flow和新的flow。（待解决，layUI官网还没有解决）    
        function loadFlow(jsonGoodInfo){    	
        	//更新流加载容器（关键步骤，否则page会一直累加）
          	$("#bigFolw").replaceWith('<div id="bigFolw"><div class="col-sm-9" style="margin-top: -0.2%;" id="carifyDiv"><ul class="products row" id="showCarsUl"></ul></div></div>');
          	flow.load({
    	        elem: '#carifyDiv' //流加载容器
    	        //我这里将下拉加载改成了手动加载
    	        ,isAuto: true
    	        ,done: function(page, next){ //执行下一页的回调 ，首次进来page自动为1
    	          //模拟数据插入
    	          setTimeout(function(){
    	        	var lis = [];
    	            //执行下一页渲染，第二参数为：满足“加载更多”的条件，即后面仍有分页
    	            //pages为Ajax返回的总页数，只有当前页小于总页数的情况下，才会继续出现加载更多
    	            console.log("page="+page);
    	            console.log("totalPage="+totalPage);
    	            loadGoods(page,jsonGoodInfo);
    	            next(lis.join(''), page < totalPage); //总页数
    	          }, 500);
    	        }
    	      });	
        }
        
    //加载车辆信息
    function loadGoods(page,jsonCarInfo){
    	$.ajax({
            url:"good/listByPramas?page="+page+"&limit="+limit,
            type:'POST',
            async: false,  //全局变量可以获取异步加载中的数据
            data:jsonCarInfo,
            success:function (res) {
            	 var $html = "";
            	 $.each(res.data,function(index,item){
	            		$html += '<li class="col-sm-3"><div class="product"><div class="thumbnail">';
						 $html += '<a href="good/showGoodInfo?gid='+item.gid+'"><img src="/images/shop/goodHeader/'+item.gpicpath+'" style="width:400px;height: 260px;" alt=""></a>';
						 $html += '<a href="#" class="add-to-cart" title="Add to Cart">';
						 $html += '<span class="fa-stack fa-2x"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-shopping-cart  fa-stack-1x fa-inverse"></i></span>';
						 $html += '</a></div><hr><div class="title">';
						 $html += '<h3 style="font-size: 12px;" id="showAllcss"><a href="#">'+item.gname+'</a></h3>';
						 $html += '<p>收藏-<span style="color: red;">'+item.collection+'</span>次';
						 $html += '<span class="price">$'+item.price+'</span></p></div></div></li>';
	            	 });
            	 if(res.count%limit==0){
            		totalPage = res.count/limit;
 				}else{
 					totalPage = parseInt(res.count/limit)+1;
 				}
            	 $("#showCarsUl").append($html);	 
            },
            error:function(){
            }
        });
    }
    
    
 });   